﻿
<form name="createOrEditTest" role="form" novalidate class="form-validation">
    <a href="" class="glyphicon glyphicon-remove" style="float: right;line-height: 30px;padding: 5px 15px;" title="关闭" ng-click="vm.cancel()"></a>
    <div class="modal-header">
        <h4 class="modal-title">
            <span>测试demo</span>
            @*ng-if="vm.terminalInfo.id"*@
            @*@L("UpdateTerminalInfo"): {{vm.user.userName}}*@
            @*<span ng-if="!vm.terminalInfo.id">@L("CreateTerminalInfo")</span>*@
        </h4>
    </div>
    <div class="modal-body">
        <div class="row bn-margin-top-15">
            @*<div class="col-md-6">

            </div>
            <div class="col-md-6">

            </div>*@
            <div class="col-md-12">
                <div class="form-group form-md-radios">
                    <h3 style="color: #4db3a5;font-size: 28px;font-weight: 400 !important;">所选行</h3>
                    行ID：<pre ng-bind="vm.selectedRowId | json" style="width:200px;" />
                    行数据：<pre ng-bind="vm.rowData | json" style="width:500px;" />
                </div>
                <div class="form-group form-md-radios">
                    <h3 style="color: #4db3a5;font-size: 28px;font-weight: 400 !important;">单选</h3>
                    <div class="md-radio-inline">
                        <div class="md-radio" ng-repeat="item in vm.testComponentData">
                            <input type="radio" id="{{item.id}}" name="radio" class="md-radiobtn" ng-value="item.key" ng-model="vm.testRadio">
                            <label for="{{item.id}}">
                                <span class="inc"></span>
                                <span class="check"></span>
                                <span class="box"></span>
                                {{item.value}}
                            </label>
                        </div>
                    </div>
                </div>
                单选演示：<pre ng-bind="vm.testRadio" style="width:200px;" />
                <div class="form-group form-md-checkboxes">
                    <h3 style="color: #4db3a5;font-size: 28px;font-weight: 400 !important;">多选</h3>
                    <div class="md-checkbox-inline">
                        <div class="md-checkbox" ng-repeat="item in vm.testComponentData">
                            <input type="checkbox" id="{{item.id+10}}" class="md-check" ng-model="vm.testCheckBox[item.key]" ng-value="item.key">
                            <label for="{{item.id+10}}">
                                <span class="inc"></span>
                                <span class="check"></span>
                                <span class="box"></span>
                                {{item.value}}
                            </label>
                        </div>
                    </div>
                </div>
                多选演示：<pre ng-bind="vm.testCheckBox | json" style="width:200px;" />
                <h3 style="color: #4db3a5;font-size: 28px;font-weight: 400 !important;">时间控件</h3>
                <input kendo-date-picker="vm.dateTimePicker" k-options="vm.dateTimePickerOptions" id="timeComponent"
                       name="name" ng-model="vm.model" style="text-align:center;width:200px;" /><br /><br />
                时间控件演示：<pre ng-bind="vm.model" style="width:200px;" />
                <h3 style="color: #4db3a5;font-size: 28px;font-weight: 400 !important;">下拉框</h3>
                <select name="TestId" style="width: 150px;"
                        kendo-drop-down-list=""
                        k-options="vm.testTypesOptions"
                        ng-model="vm.selectedItem"
                        ng-disabled="vm.selectedItem==null"></select><br /><br />
                下拉框演示：<pre ng-bind="vm.selectedItem" style="width:200px;" />
            </div>
        </div>

    </div>
    <div class="modal-footer">
        <button ng-disabled="vm.saving" type="button" class="btn btn-default" ng-click="vm.cancel()">@L("Cancel")</button>
        @*<button type="submit" button-busy="vm.saving" busy-text="@L("SavingWithThreeDot")" class="btn btn-primary blue" ng-click="vm.save()" ng-disabled="createTerminalInfoForm.$invalid"><i class="fa fa-save"></i> <span>@L("Save")</span></button>*@
    </div>
</form>